<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    	<title>系统管理-类型管理</title>
		<jsp:include page="../../include/base.jsp"></jsp:include>
		<jsp:include page="../../include/common.jsp"></jsp:include>
		<script src="../MainHandler.js" type="text/javascript"></script>
		<script src="typePanel.js" type="text/javascript"></script>
	
	<style type="text/css">
    body {
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:visible;
    }    
    </style>
  </head>
  
  <body>
    
    <div id="typeToolbar" class="mini-toolbar" style="border:0;font-size:12px;padding-left:6px;">
            <a class="mini-button" iconCls="icon-add" plain="false" onclick="TypePanel.add">新增类别</a>
            <a class="mini-button" iconCls="icon-edit" plain="false" onclick="TypePanel.edit">修改类别</a>
            <a class="mini-button" iconCls="icon-remove" plain="false" onclick="TypePanel.del">删除类别</a>
            <span class="separator"></span>
            <a class="mini-button" iconCls="icon-reload" plain="false" onclick="TypePanel.reload">刷新</a>
	</div>
   
    <div class="mini-fit" >
        
        <div id="typeDatagrid" class="mini-datagrid" style="width:100%; height: 100%;" 
              idField="typeId" fitColumns="true"  multiSelect="false" showFooter="false" 
              borderStyle="border-bottom:0;border-left:0;border-right:0;">
            <div property="columns">
            	<div type="checkcolumn"></div>
                <div type="indexcolumn" width="60" headerAlign="center">序号</div>
                <div field="name" width="200" align="center" headerAlign="center" allowSort="true">名称</div>    
                <div field="ptype" width="200" align="center" headerAlign="center" allowSort="true">类型</div>                            
                <div field="remark" width="100%"  align="center" headerAlign="center">备注说明</div>
            </div>
        </div> 
</div>

	<div id="typeEditWindow" class="mini-window" title="管理类别"
			style="width: 500px;" showModal="true" allowResize="false"
			allowDrag="true">
			<div id="typeEditform" class="form">
				<input class="mini-hidden" name="typeId" />
				<table style="width: 100%;">
					<tr>
						<td align="right">名称：</td>
						<td align="center">
						<input name="name" class="mini-textbox" required="true" style="width: 250px" /></td>
						<td style="color: red;">必填</td>
					</tr>
					<tr>
						<td align="right">类别：</td>
						<td align="center">
							<input name="ptype" class="mini-textbox" style="width: 250px" required="true" />
						</td>
						<td style="color: red;">必填</td>
					</tr>
					<tr>
						<td align="right">备注说明：</td>
						<td align="center">
							<input name="remark" class="mini-textarea" style="width: 250px" height="100px" />
						</td>
					</tr>
					<tr>
						<td
							style="text-align: center; padding-top: 5px; padding-right: 20px;"
							colspan="6">
							<a class="mini-button " plain="true" iconCls="icon-add"
								onclick="TypePanel.save">保存</a>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<a class="mini-button" plain="true" iconCls="icon-remove"
								onclick="TypePanel.closeButton">关闭</a>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						</td>
					</tr>
				</table>
			</div>
		</div>

	<script type="text/javascript">
       		mini.parse();
			TypePanel.init();
	</script>
    
  </body>
</html>
